<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>love</title>

<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
	<div class="container-fluid text-center">
		<h1 style="color:hotpink;">亲爱滴,小帆帆</h1>
		<!-- <span class="glyphicon glyphicon-heart" aria-hidden="true"></span> -->
		<img src='img/love.jpg' class='img-responsive center-block ' />
		<div class="row">
			<div class="panel panel-success">
				<div class="panel-heading">音乐</div>
				<div class="panel-body">
					<a class="col-xs-12" href="play.html?/music/EGOIST - Departures ～あなたにおくるアイの歌～.mp3">～あなたにおくるアイの歌～</a>
					<a class="col-xs-12" href="play.html?/music/吴彤,陈琳 - 卷睫盼.mp3">吴彤,陈琳 - 卷睫盼</a>
					<a class="col-xs-12" href="play.html?/music/周杰伦 - 爱我别走(Live).mp3">周杰伦 - 爱我别走(Live)</a>
					<a class="col-xs-12" href="play.html?/music/孙培博 - Sunflower.mp3">孙培博 - Sunflower</a>
				</div>
			</div>
			<div class="panel panel-success">
				<div class="panel-heading">锻炼</div>
				<div class="panel-body">
					<a class="col-xs-6" href="play.html?/exercise/腹肌.mp4">10分钟-腹肌</a>
					<a class="col-xs-6" href="play.html?/exercise/大腿.mp4">10分钟-大腿</a>
					<a class="col-xs-6" href="play.html?/exercise/拉伸.mp4">10分钟-拉伸</a>
					<a class="col-xs-6" href="play.html?/exercise/手臂.mp4">10分钟-手臂</a>
				</div>      
			</div>
			<div class="panel panel-warning">
				<div class="panel-heading">21世纪</div>
				<div class="panel-body">
				 	<a class="col-xs-1" href="play.html?/21century/1.mp4">1</a> 
					<a class="col-xs-1" href="play.html?/21century/2.mp4">2</a> 
					<a class="col-xs-1" href="play.html?/21century/3.mp4">3</a>
					<a class="col-xs-1" href="play.html?/21century/4.mp4">4</a>
					<a class="col-xs-1" href="play.html?/21century/5.mp4">5</a>
					<a class="col-xs-1" href="play.html?/21century/6.mp4">6</a>
					<a class="col-xs-1" href="play.html?/21century/7.mp4">7</a>
					<a class="col-xs-1" href="play.html?/21century/8.mp4">8</a>
				</div>
			</div>
			<div class="panel panel-info">
				<div class="panel-heading">~</div>
				<div class="panel-body">
					<a class="col-xs-12" href="play.html?/others/Heyzo - 1031 - Aoi Shirasaki (白咲碧).mp4">.</a>
				</div>
			</div>
<!-- 			<div class="panel panel-primary">...</div>
			<div class="panel panel-success">...</div>
			<div class="panel panel-info">...</div>
			<div class="panel panel-warning">...</div>
			<div class="panel panel-danger">...</div> -->
		</div>
	</div>
		<script src='js/jquery.min.js'></script>
		<script src="js/bootstrap.min.js"></script>
		<script>
			$(function() {
				$(".videoA").each(function(index, element) {
					$(element).click(function() {
					});
				});
			});
		</script>
</body>
</html>
